<template>
  <el-menu
      default-active="/HomePage"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      :collapse="isCollapse"
      :collapse-transitio="false"
      style="height: 100%"
      router>
    <el-menu-item index="/AppHome">
      <i class="el-icon-office-building"></i>
      <span>首页</span>
    </el-menu-item>

      <el-menu-item
          :index="'/' + item.menuClick"
          v-for="(item, i) in menu"
          :key="i">
        <i :class="item.menuIcon"></i>
        <span slot="title">{{ item.menuName }}</span>
      </el-menu-item>
    </el-menu>

</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "AppAside",
  props:{
    isCollapse:Boolean
  },
  computed: {
    ...mapGetters({
      menu: "getMenu" // 映射 Vuex 的 getter
    })
  }
}
</script>

<style scoped>

</style>